<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			/*
			   箭头函数:函数的简写方式
			   语法:
			   参数 => 函数体
			   
			   使用场景: 回调函数
			   
			   箭头函数内的this，默认是window对象
			*/

			//--------------------------1------------------------------------

			//没有参数，没有返回值, {}中只有一条语句
			let fn1 = function() {
				console.log('fn1');
			}

			// fn1();

			// 没有参数()不能省略，{}中只有一条语句时 ,{} 可以省略
			let fn11 = () => console.log('fn1');

			// fn11();

			//--------------------------2------------------------------------

			//没有参数，没有返回值, {}中只有多条语句
			let fn2 = function() {
				console.log("fn2");
				console.log("fn2");
			}
			// 没有参数()不能省略，{}中只有多条语句时 ,{} 不可以省略
			let fn22 = () => {
				console.log("fn2");
				console.log("fn2");
			}

			//--------------------------3------------------------------------
			// 有一个参数， 有返回值， {}中只有一条语句
			let fn3 = function(a) {
				return a + 6;
			}
			// 有一个参数 ()可以省略，{}中只有一条语句且有返回值 ,{} 可以省略，return可以省略
			let fn33 = a => a + 6;

			//--------------------------4------------------------------------
			// 有多个参数
			let fn3 = function(a, b) {
				return a + 6;
			}
			// 有多个参数 ()不可以省略，{}中只有一条语句且有返回值 ,{} 可以省略，return可以省略
			let fn33 = (a, b) => a + 6;
		</script>
	</body>
</html>
